<!doctype html>

<html>
  	<head>
    		<meta charset=utf-8>
		<title>CSS Reference</title>
		<link rel=stylesheet type=text/css href=default.css>
	</head>
	
<body>
<div id="header">CSS Reference Guide</div>
<div id="navigation">
    <ul>
    <li><a href="background.html">background</a></li>
    <li><a href="border.html">border</a></li>
    <li><a href="clear.html">clear</a></li>
    <li><a href="color.html">color</a></li>
    <li id="selected">display</li>
    <li><a href="float.html">float</a></li>
    <li><a href="font.html">font</a></li>
    <li><a href="height.html">height</a></li>
    <li><a href="letter-spacing.html">letter-spacing</a></li>
    <li><a href="line-height.html">line-height</a></li>
    <li><a href="list-style.html">list-style</a></li>
    <li><a href="margin.html">margin</a></li>
    <li><a href="overflow.html">overflow</a></li>
    <li><a href="padding.html">padding</a></li>
    <li><a href="text-align.html">text-align</a></li>
    <li><a href="text-decoration.html">text-decoration</a></li>
    <li><a href="text-indent.html">text-indent</a></li>
    <li><a href="text-transform.html">text-transform</a></li>
    <li><a href="vertical-align.html">vertical-align</a></li>
    <li><a href="width.html">width</a></li>
  </ul>

</div> <!-- for id=navigation -->
	
<div id="content">
<h1>CSS display Property</h1>
<h2>Definition and Usage</h2>
<p>The display property specifies the type of box used for an HTML element.</p>
<h3>CSS Syntax</h3>
<div id="syntax">
display: <em>value</em>;
</div>
<h3>Possible Values</h3>
<div id="values">
<p>inline <em>*default value</em></p>
<p>block</p>
<p>flex</p>
<p>inline-block</p>
<p>inline-flex</p>
<p>inline-table</p>
<p>list-item</p>
<p>run-in</p>
<p>table</p>
<p>table-caption</p>
<p>table-column-group</p>
<p>table-header-group</p>
<p>table-footer-group</p>
<p>table-row-group</p>
<p>table-cell</p>
<p>table-column</p>
<p>table-row</p>
</div>
</div>
	
	
<div id="footer">&copy; HTML Class of 2015</div>
  
</body>	

</html>